<template>
  <el-card v-if="strategyData" class="box-card box-card-list" style="margin-bottom: 20px;">
    <div slot="header" class="clearfix">
      <div class="area-header">
        <span class="area-header-sign" />
        <span class="area-header-title">{{ $t('投资策略') }}</span>
      </div>
    </div>
    <div class="companyData">
      <div class="content" style="max-width: 100%;">
        <el-row class="detail" :gutter="20">
          <el-col :xs="12" :sm="12" :md="12" :lg="8">
            <span class="label">{{ $t('投资阶段') }}：</span>
            <span class="link-hover-click">{{ strategyData.investStage === undefined ? '' : stageFormat(strategyData.investStage) }}</span>
          </el-col>
          <el-col :span="24">
            <span class="label">{{ $t('投资行业') }}：</span>
            <span class="link-hover-click">{{ strategyData.investIndustry === undefined ? '' : industryFormat(strategyData.investIndustry) }}</span>
          </el-col>
          <el-col :span="24">
            <span class="label">{{ $t('投资理念') }}：</span>
            <span class="link-hover-click">{{ strategyData.investIdea === undefined ? '' : strategyData.investIdea }}</span>
          </el-col>
          <el-col :span="24">
            <span class="label">{{ $t('投资地域') }}：</span>
            <span class="link-hover-click">{{ strategyData.investArea === undefined ? '' : strategyData.investArea }}</span>
          </el-col>
          <el-col :span="24">
            <span class="label">{{ $t('选择企业的策略依据') }}：</span>
            <span class="link-hover-click">{{ strategyData.strategyBasis === undefined ? '' : strategyData.strategyBasis }}</span>
          </el-col>
          <el-col :span="24">
            <span class="label">{{ $t('风险控制手段') }}：</span>
            <span class="link-hover-click">{{ strategyData.riskControl === undefined ? '' : strategyData.riskControl }}</span>
          </el-col>
          <el-col :span="24">
            <span class="label">{{ $t('退出策略') }}：</span>
            <span class="link-hover-click">{{ strategyData.exitStrategy === undefined ? '' : strategyData.exitStrategy }}</span>
          </el-col>
        </el-row>
      </div>

    </div>
  </el-card>
</template>
<script>
import { getInvestStrategyByDealId } from '@/api/bf/strategy/bfInvestStrategy'
export default {
  components: {
  },
  data() {
    return {
      strategyData: {},
      investStageOptions: [],
      investIndustryOptions: []
    }
  },
  created() {
    this.getDicts('fund_investment_stage').then(response => {
      this.investStageOptions = response.data
    })
    this.getDicts('deal_industry_focus').then(response => {
      this.investIndustryOptions = response.data
    })
  },
  mounted() {
    this.init()
  },
  methods: {
    init() {
      getInvestStrategyByDealId(this.$route.query.id).then(response => {
        this.strategyData = response.data
      })
    },
    // 投资阶段
    stageFormat(val) {
      return this.selectDictLabels(this.investStageOptions, val)
    },
    // 投资行业
    industryFormat(val) {
      return this.selectDictLabels(this.investIndustryOptions, val)
    }
  }
}
</script>
<style scoped>
.custom{
  background-color: #f6f7fb !important;
}
</style>
